import { Component, Vue } from 'vue-property-decorator'

@Component
export class ProjectFilter extends Vue {

    /** 关键字 */
    private searchKeywords: string = '';

    /** 可供选择的比赛类型 */
    private competitionList: Array<string> = [
        '互联网+',
        '创青春',
        '电子商务大赛'
    ]

    /** 选中的比赛类型 */
    private competition: string = '';

    /** 可供选择的职位类型 */
    private workTypeList: Array<string> = [
        'UI设计师',
        '前端工程师',
        '后端工程师'
    ]

    /** 选中的职位类型 */
    private workType: string = '';

    /** 
     * 当所选的内容发生变化时调用, 将变化后的结果传回父组件
     */
    private onDataChange(oldVal: any, newVal: any) {
        this.$emit('on-change', {
            searchKeywords: this.searchKeywords,
            competition: this.competition || '',
            workType: this.workType || ''
        })
    }

}